<ui:composition template="./template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
                xmlns:f="http://xmlns.jcp.org/jsf/core">
             <ui:define name="content">
             <c:if test="#{usuarioMBean.isMedico(usuarioMBean.usuario)}">
                 <h1>Citas de #{usuarioMBean.usuario.nombre}</h1>         
                   <c:if test="#{!empty login.medicos.get(login.indexMedico()).getCita()}">
                        <table border="1">
                            <tr>
                                <th>Fecha</th>
                                <th>Hora</th>
                                <th>Lugar</th>
                                <th>Motivo</th>
                                <th>Urgente</th>
                            </tr>
                            <h:form>
                                <ui:repeat value="#{login.medicos.get(login.indexMedico()).getCita()}" var="c" varStatus="pos">
                                    <tr>
                                        <td><h:outputText value="#{c.fecha}" /></td>
                                        <td><h:outputText value="#{c.hora}" /></td>
                                        <td><h:outputText value="#{c.lugar}" /></td>
                                        <td><h:outputText value="#{c.motivo}" /></td>
                                        <td>
                                            <h:outputText value="Si" rendered="#{c.urgente}" />
                                            <h:outputText value="No" rendered="#{!c.urgente}" />
                                        </td>
                                    </tr>
                                </ui:repeat>
                            </h:form>
                        </table>
                     </c:if>
                </c:if>
                 
               <c:if test="#{usuarioMBean.isPaciente(usuarioMBean.usuario)}">
                 <h1>Citas de #{usuarioMBean.usuario.nombre}</h1>         
                   <c:if test="#{!empty login.pacientes.get(login.indexPaciente()).getCita()}">
                        <table border="1">
                            <tr>
                                <th>Fecha</th>
                                <th>Hora</th>
                                <th>Lugar</th>
                                <th>Motivo</th>
                                <th>Urgente</th>
                            </tr>
                            <h:form>
                                <ui:repeat value="#{login.pacientes.get(login.indexPaciente()).getCita()}" var="c" varStatus="pos">
                                    <tr>
                                        <td><h:outputText value="#{c.fecha}" /></td>
                                        <td><h:outputText value="#{c.hora}" /></td>
                                        <td><h:outputText value="#{c.lugar}" /></td>
                                        <td><h:outputText value="#{c.motivo}" /></td>
                                        <td>
                                            <h:outputText value="Si" rendered="#{c.urgente}" />
                                            <h:outputText value="No" rendered="#{!c.urgente}" />
                                        </td>
                                    </tr>
                                </ui:repeat>
                            </h:form>
                        </table>
                     </c:if>
                </c:if>
                
               <c:if test="#{usuarioMBean.isAdministrativo(usuarioMBean.usuario)}">   
                <h1>Gestión de las citas</h1>         
                    <c:if test="#{!empty login.citas}">
                        <table border="1">
                            <tr>
                                <th>DNI Médico</th>
                                <th>DNI Paciente</th>
                                <th>Fecha</th>
                                <th>Hora</th>
                                <th>Lugar</th>
                                <th>Motivo</th>
                                <th>Urgente</th>
                            </tr>
                            <h:form>
                                <ui:repeat value="#{login.citas}" var="c" varStatus="pos">
                                    <tr>
                                        <td><h:outputText value="#{login.mdni.get(pos.index)}" /></td>
                                        <td><h:outputText value="#{login.pdni.get(pos.index)}" /></td>
                                        <td><h:outputText value="#{c.fecha}" /></td>
                                        <td><h:outputText value="#{c.hora}" /></td>
                                        <td><h:outputText value="#{c.lugar}" /></td>
                                        <td><h:outputText value="#{c.motivo}" /></td>
                                        <td>
                                            <h:outputText value="Si" rendered="#{c.urgente}" />
                                            <h:outputText value="No" rendered="#{!c.urgente}" />
                                        </td>
                                        <td><h:commandButton class="simpleButton" value="Eliminar" action="#{login.eliminarCita(pos.index,login.mdni.get(pos.index))}"/></td>
                                    </tr>
                                </ui:repeat>
                                
                            </h:form>
                        </table>
                     </c:if>
                        
                    <table>
                         <h:form>
                        <tr>
                            <td>Fecha (dd/mm/aaaa): </td>
                            <td>
                                <h:selectOneMenu value="#{login.diaC}">
                                    <c:forEach var="i" begin="1" end="31">
                                       <f:selectItem itemLabel="${i}" itemValue="${i}" />                        
                                    </c:forEach>
                                </h:selectOneMenu>
                                <h:selectOneMenu value="#{login.mesC}">
                                    <c:forEach var="j" begin="1" end="12">
                                        <f:selectItem itemLabel="${j}" itemValue="${j}" />                        
                                    </c:forEach>
                                </h:selectOneMenu>
                                <h:inputText value="#{login.yearC}"/>
                            </td>
                        </tr>
                        <tr>
                            <td>Hora (h:m): </td>
                            <td>
                                <h:selectOneMenu value="#{login.horC}">
                                <c:forEach var="k" begin="1" end="23">
                                    <f:selectItem itemLabel="${k}" itemValue="${k}" />                        
                                </c:forEach>
                                </h:selectOneMenu>
                                <h:selectOneMenu value="#{login.minC}">
                                <c:forEach var="l" begin="1" end="59">
                                    <f:selectItem itemLabel="${l}" itemValue="${l}" />                        
                                </c:forEach>
                                </h:selectOneMenu>
                            </td>                      
                        </tr>

                        <tr>
                            <td>Lugar:</td>
                            <td><h:inputText value="#{login.lugar}"/></td>
                        </tr>
                        <tr>
                            <td>Motivo:</td>
                            <td><h:inputText value="#{login.motivo}"/></td>
                        </tr> 
                        <tr>
                             <td>
                                <h:selectBooleanCheckbox id="urgente" value="#{login.urgente}" />
                                <h:outputLabel value=" Urgente" for="urgente" />
                             </td>
                        </tr>  

                        Médico:
                                 <h:selectOneMenu value="#{login.med}">
                                    <c:forEach var="h" begin="0" end="#{login.medicos.size()-1}">
                                        <f:selectItem itemLabel="${login.medicos.get(h).nombre}" itemValue="${h}" />                        
                                     </c:forEach>
                                 </h:selectOneMenu>
                        
                            Paciente:
                                 <h:selectOneMenu value="#{login.pac}">
                                    <c:forEach var="h" begin="0" end="#{login.pacientes.size()-1}">
                                        <f:selectItem itemLabel="${login.pacientes.get(h).nombre}" itemValue="${h}" />                        
                                     </c:forEach>
                                 </h:selectOneMenu>
                         
                       <tr><td><h:commandButton class="simpleButton" value="Añadir" action="#{login.anadirCita()}"/></td></tr> 
                 </h:form>
                    </table>
                </c:if>
    </ui:define>
</ui:composition>
